import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../services/ring_service.dart';

/// 数据同步进度指示器
/// 显示在底部导航栏上方，实时显示数据同步进度
/// 进度基于7个关键数据上报步骤：
/// 1. 步数详情 2. 心率数据 3. 血氧数据 4. 压力数据 
/// 5. 运动记录 6. HRV数据 7. 活动详情（最后一步）
class SyncProgressIndicator extends StatelessWidget {
  const SyncProgressIndicator({super.key});

  @override
  Widget build(BuildContext context) {
    final ringService = Get.find<RingService>();

    return Obx(() {
      // 只在数据同步中时显示
      if (!ringService.isDataSyncing) {
        return const SizedBox.shrink();
      }

      // 获取同步进度 (0-100)
      final progress = ringService.syncProgress / 100.0;

      return Container(
        height: 3,
        color: Colors.grey[300], // 灰色背景
        child: LinearProgressIndicator(
          backgroundColor: Colors.transparent,
          valueColor: const AlwaysStoppedAnimation<Color>(
            Color(0xffED5C2F), // 橙色进度条
          ),
          value: progress.clamp(0.0, 1.0),
        ),
      );
    });
  }
}
